<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <script src="http:////at.alicdn.com/t/font_1862854_l84xryt7akm.js"></script>
    <style type="text/css">
        .icon {
           width: 2em; height: 2em;
           position: absolute;
           top: 12px;
        }
        .icon1{
            width: 20px;
            height: 20px;
            position: absolute;
            right: -21px;
            top: 15px;
        }
    </style>
</head>
<body>
    <div class="nav">
        <ul>
            <li><a href="#">新闻</a></li>
            <li><a href="#">hao123</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">贴吧</a></li>
            <li><a href="#">学术</a></li>
            <li><a href="#">更多</a></li>
        </ul>
    </div>
    <div class="nav-tail">
        <ul class="second-ul">
            <li ><a class="impotant" href="#">抗击肺炎</a></li>
            <li class="second-info">
                <a href="#">
                    <span>武汉</span> 
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-taiyang"></use>
                    </svg>
                    <span class="wendu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;32℃</span>
                    <svg class="icon1" aria-hidden="true">
                        <use xlink:href="#icon-you2"></use>
                    </svg>
                </a>
            </li>

            <li><a href="#">设置</a></li>
            
            <li class="last-info"> 
                <a   href="#">
                    <span class="user-img">
                        <img src="images/头像.png"> 
                    </span>
                    <span class="user">
                        用户
                    </span>
                   </a>
                <div class="user-info">
                    <a href="">个人信息</a>
                    <a href="">消息</a>
                    <a href="">账号设置</a>
                    <a href="">切换账号</a>
                    <a href="">退出登录</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="logo">
             <img src="images/FireShot Capture 004 - 百度一下，你就知道 - www.baidu.com.png" alt="">
        </div>
        <div class="search-box">
            <input type="text" placeholder="百度一下，你就知道"/>
            <button>百度一下</button>
            <a href="#"><img class="camera" src="images/FireShot Capture 006 - 百度一下，你就知道 - www.baidu.com.png"></a>
        </div>
    </div>

    
</body>
</html>